import React from 'react'
// 类组件写法
// export default class Tabbar extends Component {
//     state={
        
//         // current:0
//     }
//     handleClick(index){
//         // console.log(index); 
//         // this.setState({
//         //     current:index
//         // })
//         this.props.event(index)
//       }
//   render() {
//     return (
//         <ul>
//         {
//             this.props.list.map((item,index)=>
//             <li 
//                 key={item.id} 
//                 className={this.props.current===index?"active":''}
//                 onClick={()=>this.handleClick(index)}
//                 >{item.text}</li>
//             )
//         }
//     </ul>
//     )
//   }
// }
// 函数组件写法
function Tabbar({list,current,event}){
   function handleClick(index){
        event(index)
      }
    return (
                <ul>
                {
                    list.map((item,index)=>
                    <li 
                        key={item.id} 
                        className={current===index?"active":''}
                        onClick={()=>handleClick(index)}
                        >{item.text}</li>
                    )
                }
            </ul>
            )
}
export default Tabbar